<!-- 首页 -->
<template>
  <table-layout>
    <div class="w-full flex">
      <statistic-card
        v-for="item in 4"
        width="100%"
        height="100px"
        class="ml-3 mr-3"
      >
        <template #context>
          <div class="flex h-full">
            <div
              class="w-1/5 bg-blue-400 text-center"
              style="line-height: 100px"
            >
              <span
                class="el-icon-user-solid text-5xl text-white"
              ></span>
            </div>
            <div class="w-4/5">
              2
            </div>
          </div>
        </template>
      </statistic-card>
    </div>
  </table-layout>
</template>

<script setup>
import StatisticCard from "@/components/card/StatisticCard/index.vue"
import TableLayout from "@/components/layout/TableLayout/index.vue"
</script>

<style lang="scss" scoped></style>
